<script setup>
  import { onMounted, reactive, ref, computed, watch, nextTick } from 'vue';
  import juBu from './juBu.vue';
  import quanJu1 from './quanJu1.vue';
  import quanJu2 from './quanJu2.vue';

  defineOptions({name: ''});


  onMounted(() => {});
  const activeName = ref('1');

  // 子组件暴露
  defineExpose({});

</script>

<template>
  <el-tabs v-model="activeName" class="demo-tabs">
    <el-tab-pane label="局部" name="1">
      <juBu v-if="activeName === '1'" />
    </el-tab-pane>
    <el-tab-pane label="全局1" name="2">
      <quanJu1 v-if="activeName === '2'" />
    </el-tab-pane>
    <el-tab-pane label="全局2" name="3">
      <quanJu2 v-if="activeName === '3'" />
    </el-tab-pane>
  </el-tabs>
</template>

<style lang="less" scoped>
</style>
./quanJu_2.vue